<template>
  <div class="container">
      <table border="1" style="  margin:auto; text-align:center">
        <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
                <th>学校</th>
            </tr>
         </thead>  
         <tbody>
             <tr v-for="(item,index) in arr" :key="index">
                 <td>{{item.user}}</td>
                 <td>{{item.sex}}</td>
                 <td>{{item.age}}</td>
                 <td>{{item.school}}</td>
             </tr>
         </tbody>
      </table>
      <br/>
      --------------------------------------------------
      
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  props: ['arr'],
  methods:{

  },
  components: {

  }
}
</script>

<style scoped>
table tr th,table tr td{
     width:160px;
     height:40px;
}
</style>
